@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, "Microsoft YaHei", "微软雅黑";
	color: #555555;
	background-color: #ffffff;
}

body,
img,
ul,
li,
p
/* table, */
/* tr, */
/* td, */
/* th  */
{
	margin: 0;
	padding: 0;
	border: 0;
}



a {
	text-decoration: none;
	color: #555555;
}

a:hover {
	text-decoration: none;
}

input,
textarea:focus {
	outline: none;
}

ul,
li {
	list-style-type: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

.sm-clear,
.xs-clear {
	clear: both;
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}


/*公共内容开始*/
.zfx {
	position: relative;
	width: 100%;
	padding-top: 75%;
	background-color: #ffffff;
}

.zfx .zfxbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.zfx .pic {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}

.zfx img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.picture-list {
	/* margin: -15px -18px; */
}

.picture-list li {
	/* padding: 15px 18px; */
}

.picture-list a {
	display: block;
	overflow: hidden;
}

.picture-list .content {
	display: table;
	position: absolute;
	left: 0;
	top: -100%;
	background-color: rgba(12, 101, 211, .65);
	width: 100%;
	height: 100%;
	text-align: center;
}

.picture-list .content span {
	font-size: 20px;
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
}

.picture-list .content img {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}

.picture-list .name {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	display: table;
	text-align: center;
}

.picture-list .name span {
	font-size: 16px;
	color: #212121;
	vertical-align: middle;
	display: table-cell;
	padding: 0 10px;
}


.no-data {
	font-size: 16px;
	text-align: center;
	margin: 30px 0;
}

.nowrap {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.goback {
	text-align: center;
	margin-top: 60px;
}

.goback a {
	color: #999999;
	display: inline-block;
	margin: 0 15px;
}

.style01 ul {
	margin: -15px -10px -10px -10px;
}

.style01 li {
	padding: 15px 10px 10px 10px;
}

.style01 a {
	background-color: #ffffff;
	display: block;
	padding: 25px 20px;
}

.style01 .date {
	float: right;
	color: #a5a5a5;
	text-align: right;
}

.style01 .content {
	margin: 0 120px 0 0;
}

.style01 .content .name {
	font-size: 16px;
	margin: 0 0 8px 0;
	color: #333333;
}

.style01 .content p {
	color: #787878;
}

.style01 .date strong {
	display: block;
	font-size: 24px;
	margin-bottom: 5px;
}

.two-title {
	text-align: center;
	margin-bottom: 50px;
	text-transform: capitalize;
}

.two-title strong {
	color: #212121;
	font-size: 34px;
	font-weight: normal;
}

.two-title p {
	color: #777777;
	font-size: 16px;
	margin-top: 10px;
	line-height: 150%;
}
.title18{color: #333333;font-size: 18px;border-left:4px solid #0c65d3;line-height:18px;font-weight:bold;padding-left:5px;margin-bottom: 5px;text-transform: capitalize;}

.card p{line-height: 180%;font-size:16px;margin-top:30px;}
.card .grid-container{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap:30px;
    grid-row-gap:30px;
}
.card .item{
	background-color: #f5f7fb;
	padding: 35px 10%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.card .item:after {
    width:5.4rem;
    height:5.4rem;
    right:-1rem;
    top:-2.3rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.card .item:before {
    width:14rem;
    height:14rem;
    left: -6.5rem;
    bottom: -8.5rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.card .item .content{height: 100%;}
.card .item .content strong{color:#212121;display: block;font-size: 16px;}
.card .item .content strong::after{display: block;content:'';width:20px;height:4px;background-color: #0c65d3;margin-top:12px;}
.card .item .content p{
	line-height: 180%;
	margin-top: 15px;
	font-size: 14px;
}
.card .item.blue{background-color: #0c65d3;color:#ffffff;}
.card .item.blue:after,.card .item.blue:before {background-color: rgba(255,255,255,.08);}
.card .item.blue .content strong{color:#ffffff;}
.card .item.blue .content strong::after{background-color: #ffffff;}



/*
.card ul {
	margin: -15px;
}

.card li {
	padding: 15px;
} 

.card li .content{
	background-color: #f5f7fb;
	padding: 35px 10% 0 10%;
	height: 135px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.card li .content:after {
    width:5.4rem;
    height:5.4rem;
    right:-1rem;
    top:-2.3rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.card li .content:before {
    width:14rem;
    height:14rem;
    left: -6.5rem;
    bottom: -8.5rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.card li .content strong{color:#212121;display: block;font-size: 16px;}
.card li .content strong::after{display: block;content:'';width:20px;height:4px;background-color: #0c65d3;margin-top:12px;}
.card li .content p {
	line-height: 180%;
	margin-top: 15px;
	font-size: 14px;
}
.card li.blue .content{background-color: #0c65d3;color:#ffffff;}
.card li.blue .content::after,.card li.blue .content:before {background-color: rgba(255,255,255,.08);}
.card li.blue .content strong{color:#ffffff;}
.card li.blue .content strong::after{background-color: #ffffff;}
.card p{line-height: 180%;font-size:16px;margin-top:30px;}
*/

/*首页banner开始*/
.slideBoxbanner {
	position: relative;
	padding-top: 31.51%;
}

.slideBoxbanner .bd {
	width: 100% !important;
}

.slideBoxbanner .bd ul {
	display: block;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

.slideBoxbanner .bd li {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100% !important;
}

.slideBoxbanner .hd {
	bottom: 5%;
	left: 0;
	width: 100%;
	position: absolute;
}

.slideBoxbanner .hd ul {
	text-align: center;
	height: 16px;
}

.slideBoxbanner .hd li {
	display: inline-block;
	margin: 0 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	cursor: pointer;
}

.slideBoxbanner .hd li.on {
	background-color: #ffffff;
}

/*内页banner开始*/
.banner {
	background-image: url(/static/index/images/nabout.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 450px;
}

.banner .content {
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 180px;
}

.banner .content p {
	letter-spacing: 20px;
}

.banner .content strong {
	font-size: 48px;
	display: block;
	margin-top: 10px;
}

.nnews {
	background-image: url(/static/index/images/nnews.jpg);
}

.npro {
	background-image: url(/static/index/images/nproduct.jpg);
}

.nproject {
	background-image: url(/static/index/images/nproject.jpg);
}

.nservice {
	background-image: url(/static/index/images/nservice.jpg);
}

.ncooperate {
	background-image: url(/static/index/images/ncooperate.jpg);
}

.ncontact{
	background-image: url(/static/index/images/ncontact.jpg);
}

/*首页内容开始*/
.in-part .main {
	padding: 75px 0 80px 0;
}

.in-part .in-title {
	position: relative;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.in-part .in-title strong {
	color: #ffffff;
	font-size: 33px;
}

.in-part .in-title p {
	text-transform: uppercase;
	color: rgba(255, 255, 255, .4);
	font-size: 16px;
	line-height: 150%;
}

.in-part .in-more {
	position: absolute;
	top: 8px;
	right: 0;
}

.in-part .in-more a {
	display: inline-block;
	color: #a0a0a0;
	;
	border: 1px solid #c8c8c8;
	line-height: 50px;
	padding: 0 58px;
}

.in-part1 {
	background: url(/static/index/images/index01.png) no-repeat bottom center #f5f5f5;
}

.in-part1 .main {
	padding: 50px 0;
	position: relative;
}

.in-part1 .left {
	float: left;
	font-size: 23px;
}

.in-part1 .left strong {
	color: #212121;
	font-size: 34px;
}

.in-part1 .left p {
	margin-top: 15px;
}

.in-part1 .content {
	float: left;
	width: 46%;
	padding-left: 12%;
}

.in-part1 .content hr {
	float: left;
	background-color: #0c65d3;
	height: 3px;
	width: 50px;
	margin-top: 15px;
}

.in-part1 .content p {
	font-size: 16px;
	padding-left: 22%;
	line-height: 230%;
	color: #666666;
}

.in-part1 a {
	display: inline-block;
	color: #ffffff;
	background-color: #0c65d3;
	line-height: 40px;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 75px;
}

.in-part2 {
	background: url(/static/index/images/index02.jpg) no-repeat left top;
	max-width: 1920px;
}

.in-part2 .right {
	background: url(/static/index/images/index03.png) no-repeat right bottom #ffffff;
}

.in-part2 .right .top {
	font-size: 30px;
	color: #212121;
}

.in-part2 .right .top p {
	color: #0c65d3;
	font-size: 48px;
}

.in-part2 .right .content p {
	color: #666666;
	line-height: 200%;
	margin-top: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:5;
	text-align:justify; 
}

.in-part2 .in-more {
	position: initial;
}

.in-part2 .in-more a {
	margin-top: 50px;
}

.in-part3 {
	background: url(/static/index/images/index04.jpg) no-repeat center top;
}

.in-part3 .left {
	float: left;
	width: 63%;
}

.in-part3 .style01 ul {
	margin: -20px 0 0 0;
}

.in-part3 .style01 li {
	padding: 20px 0 0 0;
}

.in-part3 .style01 a {
	background-color: rgba(255, 255, 255, .1);
	padding: 20px 25px 18px 25px;
}

.in-part3 .style01 .date {
	float: left;
	color: #ffffff;
	text-align: left;
}

.in-part3 .style01 .content {
	margin: 0 0 0 90px;
}

.in-part3 .style01 .content .name {
	color: #ffffff;
}

.in-part3 .style01 .content p {
	color: rgba(255, 255, 255, .55);
}

.in-part3 .right {
	float: right;
	width: 400px;
}

.in-part3 .right img {
	height: 270px;
}

.in-part3 .right a {
	display: block;
	color: #ffffff;
	font-size: 16px;
	margin-top: 10px;
}

.in-part3 .in-more a {
	color: rgba(255, 255, 255, .6);
	border: 1px solid rgba(255, 255, 255, .6);
}

.in-part4 {
	background: url(/static/index/images/index06.jpg) no-repeat center center;
}

.in-part4 .in-title strong {
	color: #212121;
}

.in-part4 .in-title p {
	color: #999999;
}

.in-part4 .in-title .in-more a {
	color: #999999;
	border: 1px solid #c2c2c2;
}

.in-part4 ul {
	/* overflow: hidden; */
	/* margin: 0 -20px -15px -20px; */
}

.in-part4 li {
	/* padding: 0 20px 15px 20px; */
}

.in-part4 li a {
	display: block;
	position: relative;
}

.in-part4 .zfx .zfxbox{
	padding: .8rem;
    box-sizing: border-box;
}

.in-part5 {
	background-color: #0c65d3;
}

.in-part5 .main {
	background: url(/static/index/images/index11.jpg) no-repeat right center;
	padding: 70px 0;
}

.in-part5 ul {
	padding-right: 22%;
}

.in-part5 li {
	float: left;
	border-bottom: 1px solid #4f8fdf;
	width: 30%;
	padding-bottom: 5px;
}

.in-part5 .tel {
	margin: 0 5%;
}

.in-part5 li p {
	background-image: url(/static/index/images/index12.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 45px;
	line-height: 35px;
}

.in-part5 .tel p {
	background-image: url(/static/index/images/index13.png);
	background-position: left 5px;
}

.in-part5 .message p {
	background-image: url(/static/index/images/index14.png);
}

.in-part5 li input {
	width: 100%;
	color: #ffffff;
	border: none;
	font-size: 18px;
	background-color: rgba(255, 255, 255, 0);
	padding-top: 15px;
	line-height: 20px;
	height: 20px;
}

.in-part5 li input::placeholder {
	color: #91baeb;
}

.in-part5 li input::-webkit-input-placeholder {
	color: #91baeb;
}

.in-part5 li input::-moz-placeholder {
	color: #91baeb;
}

.in-part5 li input:-moz-placeholder {
	color: #91baeb;
}

.in-part5 li input:-ms-input-placeholder {
	color: #91baeb;
}

.in-part5 li input::-o-input-placeholder {
	color: #91baeb;
}

.in-part5 .note {
	color: #91baeb;
	margin-top: 45px;
}

.in-part5 a {
	position: absolute;
	right: 0;
	top: 85px;
	background-color: #ffffff;
	color: #0c65d3;
	font-size: 18px;
	font-weight: bold;
	line-height: 52px;
	padding: 0 5.5%;
	display: inline-block;
}

.footer {
	background-color: #3c3c3c;
	color: #ffffff;
}

.footer .main {
	padding: 75px 0 70px 0;
}

.footer .left {
	width: 75%;
}

.footer .left .name {
	font-weight: bold;
	font-size: 24px;
}

.footer .left .content {
	margin-top: 35px;
	line-height: 210%;
}

.footer .code {
	text-align: center;
}

.footer .code img {
	width: 150px;
	height: 150px;
	margin-bottom: 10px;
}

.footer .bottom {
	line-height: 83px;
	background-color: #383737;
	color: #787878;
}

.footer .bottom a {
	color: #787878;
}

/*第二栏目开始*/
.secondnav {
	background-color: #8abdf8;
}

.secondnav li {
	text-align: center;
}

.secondnav a {
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
	height:65px;
	line-height:120%;
	display: inline-flex;
    justify-content: center;
    align-items: center;
}

.secondnav li.on a{
	background-color: #0c65d3;
}


/*内页内容开始*/
.all-main {
	padding: 80px 0;
}

.location {
	color: #999999;
	line-height: 20px;
	padding: 30px;
	font-size: 16px;
}

.location .content {
	background: url(/static/index/images/location.png) left center no-repeat;
	line-height: 120px;
	padding-left: 25px;
}

.location .left i {
	font-size: 14px;
	padding: 0 5px;
}

.location .left a {
	color: #999999;
}

.location .right a {
	color: #999999;
	border: 1px solid #d2d2d2;
	line-height: 44px;
	padding: 0 40px;
	display: inline-block;
}
.about{font-size: 16px;}
.about p{line-height:190%;margin:10px 0 35px 0;}
.abouttop .right li{text-align:center;}
.abouttop .right li .content{
	height:165px;
	vertical-align: middle;
    align-items: center;
    display: inline-flex;
}
.abouttop .right li .num{text-align: left;margin-left: 15px;}
.abouttop .right li .year{text-align: center;margin-left:0;}
.abouttop .right li strong{color:#0c65d3;font-size:48px;position: relative;}
.abouttop .right li strong span{
	font-size:26px;
	position: absolute;
    right:-15px;
    top: 0;
}
.abouttop .right li p{margin: 0;line-height: initial;margin:-5px 0 0 0;}
.aboutmain ul{margin:10px 0 30px 0;}
.aboutmain li{line-height:190%;margin-bottom:5px;position: relative;padding-left:15px;}
.aboutmain li::before{display:inline-block;content:'';width:5px;height:5px;background-color:#0c65d3;border-radius:50%;position: absolute;left:0;top:12px;}
.quality{background-repeat:no-repeat;background-position:left top;height:520px;}
.quality .right{
	float:right;
	width:450px;
	height:100%;
	background-color:#ffffff;
	position:relative;
	overflow:hidden;
	align-items: center;
    display: inline-flex;
}
.quality .right:after{
    width: 7.8rem;
    height: 7.8rem;
    right: -2rem;
    top: -3.8rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.quality .right:before{
    width: 23rem;
    height: 23rem;
    left: -6.5rem;
    bottom: -12.5rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.quality .right i:before {
    width: 14px;
    height: 14px;
    right:5.3em;
    top:2.7rem;
    position: absolute;
    background: url(/static/index/images/icon03.png) no-repeat center;
    content: "";
}
.quality .right .content{padding:0 18%;}
.quality .right .content p{
    font-size:18px;
	margin:20px 0 0 0;
	line-height: 150%;
	color:#212121;
}
.culture li p{font-size:16px;}
.honor ul{margin:-10px;}
.honor li{padding:10px;}
.honor .zfx {padding-top:144.44%;}
.newstop {
	background-color: #f5f7fb;
	/* height: 297px; */
}

.newstop .left {
	width: 440px;
	/* height: 297px; */
}

.newstop .content {
	padding: 40px 45px 0 0;
	margin-left: 490px;
}

.newstop .content .date {
	color: #939393;
}

.newstop .content .date span {
	font-size: 30px;
	color: #0c65d3;
}

.newstop .content .name {
	display: block;
	color: #333333;
	font-size: 20px;
	margin: 20px 0;
}

.newstop .content p {
	color: #939393;
	line-height: 185%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.newstop .content .more {
	background-color: #0c65d3;
	color: #ffffff;
	display: inline-block;
	line-height: 42px;
	padding: 0 30px;
	margin-top: 25px;
}

.newslist {
	margin-top: 20px;
}

.newslist li {
	padding: 40px 0;
	border-bottom: 1px dashed #e6e6e6;
}

.newslist li .date {
	float: left;
	background-color: #f5f7fb;
	color: #0c65d3;
	height: 110px;
	width: 100px;
	margin-right: 3.5%;
	display: flex;
	align-items: center;
}

.newslist li .date p {
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
}

.newslist li .date strong {
	font-size: 42px;
	font-weight: 900;
}

.newslist li .date span {
	display: block;
	font-size: 16px;
}

.newslist li .content {
	float: left;
	width: 75%;
}

.newslist li .content a {
	color: #333333;
	display: block;
	font-size: 18px;
	margin: 12px 0 15px 0;
}

.newslist li .content p {
	color: #999999;
	line-height: 190%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.newslist li .fr {
	border: 1px solid #c8c8c8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin: 35px 2% 0 0;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
}

.newslist li .fr i {
	font-size: 20px;
	font-weight: bold;
	color: #c8c8c8;
}

.news-detail {
	font-size: 16px;
}

.news-detail .title {
	text-align: center;
	color: #aaaaaa;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 20px;
	margin: 20px 0 45px 0;
	font-size: 14px;
}

.news-detail .title strong {
	display: block;
	color: #212121;
	line-height: 150%;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: normal;
}

.news-detail p {
	/* line-height: 210%;
	margin: 30px 0; */
}

.news-detail img {
	/* display: block; */
	/* margin: 30px auto; */
	max-width: 100%;
}



.job ul {
	margin: -10px 0;
	font-size: 16px;
}

.job li {
	padding: 10px 0;
}

.job .jlist {
	background-color: #f5f7fb;
	color: #666666;
	padding: 30px 6%;
	cursor: pointer;
}

.job .jlist .fl {
	width: 40%;
	font-weight: bold;
	color: #212121;
}

.job .jlist .fr {
	width: 50%;
	text-align: right;
}

.job .jlist .date {
	margin: 0 20%;
	display: inline-block;
}

.job .jlist i {
	font-weight: bold;
	font-size: 18px;
	color: #0c65d3;
}

.job li.on .jlist .fl {
	color: #ffffff;
}

.job li.on .jlist {
	background-color: #0c65d3;
	color: #ffffff;
}

.job li.on .jlist i {
	color: #ffffff;
}

.job li.on .jlist i:before {
	content: "\e619";
}

.job .jpart {
	padding: 50px 6%;
	background-color: #f5f7fb;
}

.job .jpart p {
	line-height: 210%;
	color: #666666;
}

.job .content{
	display: none;
	overflow: hidden;
}

.product-sort {
	margin-top:45px;
}
.product-sort .grid-container {
	display: grid;
	/* 分割 */
	grid-template-columns: 1fr 1fr 1fr 1fr;
	/* 左右间隔 */
	grid-column-gap:3%;
	/* 上下间隔 */
	grid-row-gap:50px;
}
.product-sort .item{
	position: relative;
	padding-top:190px;
}
.product-sort .item .pic{
	position: absolute;
	left: 0;
	top: 0;
	height: 170px;
	width:84%;
    padding:0 8%;
    display: inline-flex;
	justify-content: center;
    align-items: center;
}
.product-sort .item .pic img{
	max-width: 200px;
	width:100%;
	/* 图片裁剪 */
	/* object-fit: cover; */
	/* 图片完全显示 */
	object-fit: contain;
}
.product-sort .item .bg{
	border-radius:8px;
	background: #f5f7fb;
	height: 100%;
}
.product-sort .item .content{padding:35px 25px;}
.product-sort .item .content strong {
	color: #212121;
	font-size: 18px;
}
.product-sort .item .content p{
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 185%;
	margin:20px 0 35px 0;
}
.product-sort .item .content a{
	position:absolute;
	bottom:35px;
	left:25px;
	color: #0c65d3;
	display: inline-block;
}

.product-list{
	position: relative;
}

.product-list .left {
	width: 25%;
}

.product-list .left .content h1 {
	color: #212121;
	font-size: 35px;
}

.product-list .left .content p {
	color: #666666;
	font-size: 16px;
	line-height: 190%;
	margin-top: 15px;
}

.product-list .right {
	width: 66%;
}

.product-list .right .bg {
	background-color: #f5f7fb;
	padding:8% 15%;
}

.product-list .right .content .name {
	color: #212121;
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;
}

.product-list .right .content p {
	color: #666666;
	font-size: 16px;
	line-height: 190%;
	margin-top: 20px;
}

.product-list .right .content .more {
	text-align: right;
	margin-top: 40px;
}

.product-list .right .content .more a {
	background-color: #0c65d3;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	line-height: 40px;
	width: 140px;
	margin: 0 0 0 10px;
}

.prodetail-top {
	background: url(/static/index/images/product-detail01.jpg) no-repeat center;
	background-size: cover;
}

.prodetail-top .left {
	text-align: center;
}

.prodetail-top .right .name {
	color: #212121;
	font-size: 35px;
	font-weight: bold;
}

.prodetail-top .right p {
	line-height: 190%;
	color: #333333;
	font-size: 16px;
	margin-top: 45px;
}

.prodetail {
	background-color: #f5f7fb;
	font-size: 16px;
}

.prodetail .bg {
	background-color: #ffffff;
	margin:40px 0  100px 0;
	padding: 80px 7%;
}

.prodetail .traits {
	background: url(/static/index/images/icon01.png) no-repeat center left;
	line-height: 22px;
	font-size: 21px;
	font-weight: bold;
	padding-left: 35px;
	color: #212121;
	margin-bottom: 30px;
}

.prodetail .content {
	/* line-height: 190%; */
}

.prodetail .content h1 {
	/* font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #0c65d3; */
}

.prodetail .content p {
	/* margin-bottom: 30px; */
	margin: 5px 0;
}

.prodetail .content img {
	/* width: 100%; */
}

.prodetail table{
	max-width: 100%;
}

.prodetail td{
	border-style: solid;
}

.project{background: url(/static/index/images/project-bg.jpg) no-repeat center top;background-size: cover;font-size: 16px;}
.project .content{background-color:#ffffff;padding:60px 8%;}
.project p{line-height:190%;margin:10px 0 35px 0;}
.project .pic{text-align: center;}
.project img{max-width:100%;margin: 35px 0;}
.project-nav{background-color:#ffffff;border-bottom:1px solid #e6e6e6;padding:35px 10px;}
.project-nav .grid-container{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap:10px;
    grid-row-gap:16px;
}
.project-nav .item a{color:#333333;position: relative;text-transform: capitalize;}
.project-nav .item i{
	position: absolute;
	left:0;
	top:1px;
	display:inline-block;
	content:'';
	background-color:#bebebe;
	width:8px;
	height:8px;
	border-radius: 50%;
	border:3px solid #e6e6e6;
}
.project-nav .item span{padding-left:25px;}
.project-nav .item{text-align:center;font-size: 16px;}
.project-nav .item.on a{color:#0c65d3;font-weight: bold;}
.project-nav .item.on i{
	background-color:#0c65d3;
	border:3px solid #8abdf8;
}

.cooperate {
	text-align: center;
}

.cooperate img {
	max-width: 100%;
}

.cooperate2 {
	background: url(/static/index/images/cooperate2.jpg) no-repeat center;
	padding: 95px 0;
	text-align: center;
	background-size:cover;
}

.cooperate2 img {
	max-width: 100%;
}

.cooperate3 .grid-container{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap:30px;
    grid-row-gap:30px;
}
.cooperate3 .item{
	background-color: #f5f7fb;
	padding: 40px 10%;
	border-radius: 5px;
}
.cooperate3 .item .icon {
	float: left;
	border: 1px dashed #0c65d3;
	display: inline-block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 8px;
}

.cooperate3 .item .icon i {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #0c65d3;
	background-size: 100%;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.cooperate3 .item .content {
	padding-left: 25%;
}

.cooperate3 .item .content strong {
	font-size: 16px;
	color: #212121;
	margin: 10px 0 15px 0;
	display: block;
}

.cooperate3 .item .content p {
	line-height: 180%;
}

.cooperate4 .grid-container{grid-template-columns:1fr 1fr 1fr 1fr;}
.cooperate4 .item{text-align: center;}
.cooperate4 .item .icon {
	float: initial;
	width: 74px;
	height: 74px;
	padding: 10px;
}
.cooperate4 .item .content {
	padding-left: 0;
	font-size: 16px;
	color: #333333;
	margin-top: 25px;
}


.frame{background-color:#f5f7fb;padding:80px 0;}
.frame .title18{margin-bottom:40px;}
.frame img{max-width:100%;}
.network{padding-top:80px;}
.network .title18{margin-bottom:40px;}
.flowsheet img{max-width:100%;}
.promise{
	background-color: #f5f7fb;
	padding: 60px 8%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.promise::after {
    width:9rem;
    height:9rem;
    right:-1.5rem;
    top:-3.5rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
    border-radius: 50%;
}
.promise:before {
    width:23rem;
    height:23rem;
    left: -6.5rem;
    bottom: -11.5rem;
    content: "";
    position: absolute;
    background-color: rgba(12,101,211,.03);
	border-radius: 50%;
}
.promise ul{position: relative;margin-bottom:-45px;}
.promise ul:before {
    width:21px;
    height:21px;
    right:0;
    top:0;
    position: absolute;
    background:url(/static/index/images/icon02.png) no-repeat center;
	content: "";
}
.promise li{padding-bottom:45px;}
.promise li p{line-height:190%;margin-top: 10px;}
.feedback{font-size:16px;}
.feedback p{margin-bottom:25px;line-height:160%;color:#333333;}
.feedback .form{margin:0 -14px;}
.feedback .form .list{padding:0 14px;}
.feedback .form .content{
	background-color:#ffffff;
	border:1px solid #e6e6e6;
	padding:6px 15px;
	margin-bottom:25px;
}
.feedback .form .vcode .content{
    padding: 0;
    border: 0;
    background-color: initial;
}
.feedback .form .vcode #code {height: 54px;}
.feedback .form input{width:100%;line-height:40px;height:40px;border:none;}
.feedback .form select{border:none;width:100%;height:47px;background-color:#ffffff;}
.feedback .form .big-list textarea{border:none;width:100%;height:140px;margin-top:10px;}
.feedback .tj{margin-top:10px;}
.feedback .tj a{background-color:#0c65d3;color:#ffffff;text-align:center;display:block;font-size:18px;line-height:62px;}
.feedback .tj a.cz{background-color:#f5f7fb;color:#333333;}
.contact{background-color:#0c65d3;border-radius: 5px;padding:45px;position: relative;overflow: hidden;}
.contact .left{color:#ffffff;width:350px;}
.contact li{padding-bottom:25px;}
.contact li strong{font-size:16px;background-position:center right;background-repeat:no-repeat;padding-right:30px;}
.contact li p{margin-top:10px;line-height:165%;}
.contact .code{text-align: center;width: 150px;}
.contact .code img{width:100%;margin-bottom: 10px;}
.contact .right{
	background:url(/static/index/images/contact6.jpg) no-repeat center;
	background-size: cover;
	margin-left:370px;
	height:490px;
	border-radius: 5px;
}
.links ul{margin:-15px -10px;}
.links li{padding:15px 10px;}
.links li .content{padding:20px 30px 5px 30px;background-color: #ffffff;text-align: center;}
.links li .pic{height:55px;display: inline-flex;align-items: center;margin-bottom: 10px;}
.links li img{width: 100%;}
.links li p{border-top:1px dashed #dcdcdc;padding-top:20px;height:40px;}

/*服务网点*/
.abcd {
	font-size: 12px;
	color: #4c4c4c;
	line-height: 200%;
}
#pdmsg {
	position: absolute;
	z-index: 99999;
	right: 0;
	top:0;
	background: #ffffff;
	line-height:35px;
	padding:10px;
	box-shadow: 0 0 10px 0px rgb(0 0 0 / 15%);
	background-color: #0c65d3;
	text-align: right;
}

#pdmsg p {
	line-height: 180%;
	padding: 0;
	font-size: 14px;
	padding: 5px;
	margin: 0;
}

#pdmsg a {
	margin: 0 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
}

#pdmsg a:hover {
	color: #a6cefb;
}

.pd1 i {
	display: block;
	float: left;
	background: url(http://nhva.hotlon.com/Public/images/icon.png) left top;
	width: 20px;
	height: 23px;
	margin: 0 5px
}
.BMap-height{height:850px;}

.BMap_bubble_title,
.BMap_bubble_content {
	font-size: 14px;
	font-family: Arial, "微软雅黑", Microsoft YaHei;
}

.BMap_bubble_title {
	font-weight: bold;
	color: #0c65d3;
	font-size: 16px;
}

.BMap_bubble_content {
	line-height: 160%;
}

.BMap_bubble_content p {
	margin: 15px 0;
}

/*电脑版*/
@media screen and (min-width:768px) {
    .layui-col-sm5{width:20%;}
	.layui-fluid,
	.layui-container {
		padding: 0
	}

	.layui-fluid,
	.layui-row {
		overflow: hidden;
	}

	.layui-container {
		max-width: 1200px;
		width: 96%;
		margin: 0 auto;
	}

	.sm-clear {
		clear: both;
	}

	a:hover {
		color: #0c65d3;
	}

	/*公共内容开始*/
	.page {
		margin-top: 60px;
		text-align: center;
	}

	.page a {
		margin: 0 5px 0 0;
		background-color: #f5f7fb;
		color: #666666;
		line-height: 50px;
		width: 50px;
		text-align: center;
		display: inline-block;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
	}

	.page a:last-child {
		margin: 0;
	}

	.page a:hover {
		color: #ffffff;
		background-color: #0c65d3;
	}

	.page .current {
		color: #ffffff;
		background-color: #0c65d3;
	}

	.goback a:hover {
		color: #0c65d3;
	}

	.style01 a:hover {
		box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15);
		margin-top: -5px;
		margin-bottom: 5px;
	}

	.picture-list a:hover {
		box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15);
	}

	.picture-list a:hover .content {
		top: 0;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.picture-list a:hover .name span {
		color: #0c65d3;
	}

	/*header开始*/
	.header {
		height: 100px;
		line-height: 100px;
		padding: 0 8%;
		overflow: initial;
		margin: 0 auto;
	}
	.header .logo img{height:65px;}

	.header li {
		display: inline-block;
		position: relative;
	}

	.header li {
		padding: 0 20px;
	}

	.header li .level {
		color: #212121;
		font-size: 16px;
		text-transform:capitalize;
	}

	.header li .level:before {
		display: none;
		content: "";
		z-index: 1000;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 3px;
		margin-left: -20px;
		background-color: #0c65d3;
	}

	.header li:hover .level {
		color: #0c65d3;
		font-weight: bold;
	}

	.header li:hover .level:before {
		display: block;
	}

	.header .lan {
		margin-left: 20px;
	}

	.header .lan a {
		color: #b4b4b4;
		font-size: 16px;
		line-height: initial;
		text-align: center;
		border: 1px solid #dde1e3;
		display: inline-block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		line-height: 40px;
		width: 40px;
	}

	.header .lan a:hover {
		border: 1px solid #0c65d3;
		background-color: #0c65d3;
		color: #ffffff;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.header .dropdown {
		display: none;
		font-size: 14px;
		background-color: #ffffff;
		position: absolute;
		top: 100px;
		left: 0;
		z-index: 999;
		width: 100%;
		padding: 10px 0;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	}

	.header .dropdown li {
		padding: 0 10px;
		display: block;
		text-align: center;
	}

	.header .dropdown a {
		display: block;
		line-height: 20px;
		padding: 10px 0;
		color: #212121;
		width: 100%;
	}

	.header .dropdown i {
		position: absolute;
		right: -20px;
		font-size: 14px;
		color: #808080;
	}

	.header .dropdown .level2 {
		position: relative;
		display: flex;
	}

	.header .dropdown .level4 {
		display: none;
		padding-left: 40px;
	}

	.header .dropdown .level4 a {
		color: #787878;
	}

	.header .dropdown .level4 span {
		margin-right: 10px;
	}

	.header li:hover .dropdown {
		display: block;
	}

	.header .dropdown a:hover {
		color: #0c65d3;
	}

	.header .dropdown a:hover i {
		color: #0c65d3;
	}

	.header .pro-dropdown {
		width: max-content;
		overflow: hidden;
		padding: 35px 0;
		right:0;
		left:initial;
		position:fixed;
	}

	.header .pro-dropdown li {
		float: left;
		display: inline-block;
		padding: 0 35px;
		text-align: left;
	}

	.header .pro-dropdown li strong {
		font-size: 16px;
		padding: 0 0 10px 0;
		display: block;
		width:200px;
	}
	.header .pro-dropdown a{width:200px;}
	.header .pro-dropdown .product-type {
		display: flex;
		align-items: flex-start;
	}
	.header .pro-dropdown .level4 {
		margin-bottom: 10px;
	}
	.header .pro-dropdown .level4 a {
		padding: 5px 0; 
	}

	.header .pro-dropdown .level2:hover i,
	.header .pro-dropdown .level2.active i,
	.header .pro-dropdown .level2:hover i:before,
	.header .pro-dropdown .level2.actvie i:before,
	.header .pro-dropdown .level2.active a.level3 {
		color: #0c65d3;
		font-weight: bold;
	}

	.header .project-dropdown {
		width: 210px;
	}

	.header .project-dropdown li {
		padding: 0 20px;
		text-align: left;
		position: initial;
	}

	.header .project-dropdown i {
		right: -10px;
	}

	.header .project-dropdown .level3 {
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
		background-color: #ffffff;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
		padding: 10px 20px;
	}

	.header .project-dropdown .level3 a {
		width: max-content;
	}

	.header .project-dropdown li:hover .level2 {
		color: #0c65d3;
	}

	.header .project-dropdown li:hover .level2 i {
		color: #0c65d3;
	}

	.header .project-dropdown li:hover .level3 {
		display: block;
	}

	.sm-topmenu {
		display: none;
	}

	.sm-topmenu .layui-icon-shrink-right {
		position: absolute;
		right: 2%;
		top: 0;
		line-height: 100px;
		font-size: 24px;
	}

	.sm-topmenu .menu {
		z-index: 2000;
		position: fixed;
		right: -300px;
		top: 0;
		background-color: #ffffff;
		height: 100%;
		width: 300px;
		border-left: 1px solid #f5f5f5;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.sm-topmenu .menu.show {
		right: 0;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.sm-topmenu .menu .close {
		text-align: right;
		margin: 0 30px;
		line-height: 100px;
		height: 100px;
	}

	.sm-topmenu .menu .layui-icon-close {
		font-size: 20px;
		font-weight: bold;
	}

	.sm-topmenu .menu .layui-icon-close:hover {
		color: #0c65d3;
	}

	.sm-topmenu .menu a {
		color: #666666;
		line-height: 60px;
	}

	.sm-topmenu .menu li {
		border-bottom: 1px solid #f5f5f5;
	}

	.sm-topmenu .menu li a {
		padding: 0 80px 0;
		display: block;
		border-top: 1px solid #f5f5f5;
		text-transform: capitalize;
	}

	.sm-topmenu .menu li a:hover {
		background-color: #f8f8f8;
		color: #333333;
	}

	.sm-topmenu .menu .language {
		padding-left: 80px;
	}

	.sm-topmenu .menu .language img {
		margin: 0 15px;
	}

	.sm-topmenu .menu .language a:hover {
		color: #0c65d3;
	}

	.sm-topmenu .menu .column2 {
		display: none;
		padding:10px 0;
	}

	.sm-topmenu .menu .column2 a {
		border: none;
		line-height:150%;
		padding:10px 80px;
	}

	.sm-topmenu .menu .column2 a:hover {
		color: #0c65d3;
	}

	.sm-topmenu .menu .column1:hover .column2 {
		display: block;
	}

	.sm-topmenu .menu .column1:hover a {
		background-color: #f8f8f8;
	}

	.sm-topmenu .menu .column1:hover .column2 a {
		background-color: #ffffff;
	}

	/*header结束*/

	/*首页内容开始*/
	.in-part .in-more a:hover {
		color: #ffffff;
		border: 1px solid #0c65d3;
		background-color: #0c65d3;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.in-part1 a:hover {
		background-color: #8abdf8;
		color: #ffffff;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.in-part2 .main {
		height: 500px;
	}

	.in-part2 .right {
		float: right;
		height: 500px;
		width: 50%;
	}

	.in-part2 .right .in-about {
		padding: 0 12%;
	}

	.in-part2 .right .top {
		padding-top: 70px;
	}

	.in-part2 .right .top p {
		line-height: 140%;
	}

	.in-part3 .style01 a:hover {
		margin: 0;
	}

	.in-part3 .style01 a:hover .content .name {
		color: #8abdf8;
	}

	.in-part3 .right a:hover {
		color: #8abdf8;
	}

	.in-part5 a:hover {
		background-color: #8abdf8;
		color: #ffffff;
		transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	.footer a:hover {
		color: #0c65d3
	}

	.secondnav ul {
		margin: 0 -1px 0 0;
	}

	.secondnav li {
		padding: 0 1px 0 0;
	}

	.secondnav li a:hover {
		background-color: #0c65d3;
		color: #ffffff;
	}


	/*内页内容开始*/
	.location .left a:hover {
		color: #0c65d3;
	}

	.location .right a:hover {
		color: #ffffff;
		border: 1px solid #0c65d3;
		background-color: #0c65d3;
	}
	.abouttop{background:url(/static/index/images/about01.jpg) no-repeat left top;height:495px;}
	.abouttop .right{float: right;width: 380px;}

	.honor li a img{
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
	 }
	.honor li a:hover img{
		transform: scale(1.05); 
		-webkit-transform: scale(1.05); 
		-o-transform: scale(1.05); 
		-ms-transform: scale(1.05); 
		-moz-transform: scale(1.05);
	}
	.newstop .content .name:hover {
		color: #0c65d3;
	}

	.newstop .content .more:hover {
		background-color: #8abdf8;
	}

	.newslist li .content a:hover {
		color: #0c65d3;
	}

	.newslist li .fr:hover {
		border: 1px solid #0c65d3;
		background-color: #0c65d3;
	}

	.newslist li .fr:hover i {
		color: #ffffff;
	}

	.product-sort li .content a:hover {
		color: #8abdf8;
	}

	.product-list .left ul {
		margin-top: 15px;
	}

	.product-list .left li {
		margin: 20px 0;
		line-height: 190%;
	}

	.product-list .left a,
	.product-list .left i {
		color: #7c7c7c;
		font-size: 16px;
	}

	.product-list .left .level2{
		color: #0c65d3;
	}

	.product-list .left .level2 i {
		color: #0c65d3;
		margin-left: 30px;
	}

	.product-list .left .level3 {
		border-bottom: 1px dashed #dcdcdc;
		padding-bottom: 10px;
		;
	}

	.product-list .left .level3 a {
		display: block;
		font-size: 14px;
		color: #a0a0a0;
		margin: 10px 0;
	}

	.product-list .left .level3 i {
		font-size: 12px;
		margin-left: 10px;
		color: #a0a0a0;
	}

	/* .product-list .left li:hover .level2,
	.product-list .left li:hover .level2 i {
		color: #0c65d3;
		font-weight: bold;
	} */

	.product-list .left li .level2.on,
	.product-list .left li .level2.on i {
		font-weight: bold;
	}
	.product-list .left .level3 a i{
		color: #0c65d3;
		display: none;
	}	

	.product-list .left .level3 a.on i{
		display: inline;
		margin-right: 1em;
	}	

	.product-list .left .level3 a.on{
		/* text-indent: 1em; */
		color: #0c65d3;
	}
	

	.product-list .left .level3 a:hover {
		color: #0c65d3;
	}

	.product-list .right .content a:hover {
		background-color: #8abdf8;
	}
	
	.prodetail-top {
		padding: 45px 0;
	}

	.prodetail-top .layui-container {
		/* display: -webkit-box; */
		/* display: box; */
		display: flex;
	}

	.prodetail-top .left {
		width: 50%;
		display: flex;
		vertical-align: middle;
		align-items: center;
	}

	.prodetail-top .left .pic {
		width: 90%;
	}

	.prodetail-top .left img {
		max-height: 400px;
		max-width: 100%;
	}

	.prodetail-top .right {
		width: 50%;
		display: flex;
		vertical-align: middle;
		align-items: center;
	}
	.project-nav .item a:hover{color:#0c65d3;font-weight: bold;}
	.project-nav .item a:hover i{
		background-color:#0c65d3;
		border:3px solid #8abdf8;
	}
	
	.feedback .tj a:hover{background-color:#8abdf8;color:#ffffff;}
	.contact:before{
		width:428px;
		height:438px;
		left:-130px;
		bottom:-5px;
		position: absolute;
		background:url(/static/index/images/contact05.png) no-repeat center;
		content: "";
	}

}

@media screen and (max-width:1500px) {
	.header {
		padding: 0 5%;
	}
}

@media screen and (max-width:1400px) {
	.header {
		padding: 0 2%;
	}
}

@media screen and (max-width:1380px) {
	.header .right {
		display: none;
	}

	.sm-topmenu {
		display: block;
	}
}

@media screen and (max-width:1199px) {
	.in-part3 .left {
		width: 61%;
	}

	.in-part4 ul {
		margin: 0 -10px -15px -10px;
	}

	.in-part4 li {
		padding: 0 10px 15px 10px;
	}

	.product-list .left li {
		line-height: 160%;
	}

	.product-list .left .content h1 {
		font-size: 25px;
	}

	.product-list .left .content p {
		font-size: 14px;
	}

	.product-list .left a,
	.product-list .left i {
		font-size: 14px;
	}

	.product-list .left .level3 {
		padding-bottom: 5px;
	}
	
}
@media screen and (min-width: 1921px){
	.in-part3{background-size:cover;}
	.in-part4{background-size:cover;}
	.header .pro-dropdown{right:36px;}
}

@media screen and (max-width: 1150px) {
	.in-part3 .left {
		width: 59%;
	}
}

@media screen and (max-width: 1080px) {
	.in-part1 .content {
		width: 44%;
		padding-left: 8%;
	}

	.in-part3 .left {
		width: 57%;
	}
}

@media screen and (max-width: 1030px) {
	.in-part3 .left {
		width: 55%;
	}
}

/*ipad尺寸*/
@media screen and (max-width:991px) {
	.in-part1 .content {
		width: 42%;
		padding-left: 5%;
	}

	.in-part2 .right {
		float: initial;
		width: initial;
		margin-left: 25%;
	}

	.in-part3 .left {
		width: 100%;
	}

	.in-part3 .right {
		display: none;
	}
	.culture .card li .content{height:135px;padding: 35px 25% 0 10%;}
	.newstop {
		height: 257px;
	}

	.newstop .left {
		width: 380px;
		height: 257px;
	}

	.newstop .content {
		padding: 30px 40px 0 0;
		margin-left: 420px;
	}

	.newstop .content .name {
		margin: 15px 0;
	}

	.newstop .content .more {
		margin-top: 20px;
	}

	.newslist li .content {
		width: 70%;
	}

	.job .jlist .fr {
		width: 55%;
	}

	.job .jlist .date {
		margin: 0 15%;
	}
	
	.product-sort .grid-container{
	/* 分割 */
	    grid-template-columns:1fr 1fr;
	}
	
	.product-sort .item .content p{-webkit-line-clamp: 2;}

	.product-list .left {
		width: 30%;
	}

	.product-list .right {
		width: 60%;
	}
	
	.secondnav-project li{
        padding: 1px 1px 0 0;
    }
    .secondnav-project li:nth-child(1),.secondnav-project li:nth-child(2){
		padding: 0 1px 0 0;
	}
	
	.project-nav .grid-container{grid-template-columns:1fr 1fr 1fr;}
	
	.cooperate3 .grid-container{grid-template-columns:1fr;}
	.cooperate4 .grid-container{grid-template-columns:1fr 1fr 1fr 1fr;}
	.cooperate4 .item .icon {width: 60px;height: 60px;padding: 8px;}
	.cooperate4 .item .content{font-size: 14px;margin-top: 20px;}
	
	.contact .left{width:100%;float:initial;}
	.contact .code{margin:15px auto;}
	.contact .right{width:100%;margin:40px 0 0 0;}
	
}